<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/注册登录页面底部.css"/>
		<style type="text/css">
			/*.login_info{
			display: none;
		}
		#lg2:hover{
			
		}*/
			
			a {
				text-decoration: none;
			}
			
			#bg {
				width: 100%;
				height: 100%;
				min-width: 960px;
				min-height: 765px;
				background: url(//ssr.qyerstatic.com/fe_ssr_passport/static/web_login_bg.ecb39528.jpg) top/cover no-repeat;
				font-family: "微软雅黑";
				position: relative;
			}
			
			#login {
				width: 380px;
				height: 607px;
				text-align: center;
				position: absolute;
				left: 40%;
				top: 10%;
			}
			
			#login .login img {
				width: 126.5px;
				float: left;
			}
			
			#login .login {
				width: 177px;
				height: 53px;
				margin: auto;
				padding-bottom: 20px;
			}
			
			#login .login span {
				font-size: 24px;
				color: #fff;
				text-align: center;
				display: inline-block;
				margin-top: 12px;
				float: left;
			}
			
			.login1 {
				width: 380px;
				height: 436px;
				background-color: #FEF9F9;
				margin-top: 30px;
				margin: auto;
				/*padding-top: 1px;*/
			}
			
			.login1 .login1_1 {
				font-size: 16px;
				color: #000000;
				line-height: 60px;
				padding-top: 10px;
				text-align: center;
			}
			
			.login1 .login1_1 #lg1 {
				display: inline-block;
				border-bottom: 2px solid #3f9f5f;
				width: 165px;
				color: #3f9f5f;
				cursor: pointer;
			}
			
			.login1 .login1_1 #lg2 {
				display: inline-block;
				border-bottom: 1px solid rgba(0, 0, 0, 0.1);
				width: 165px;
				cursor: pointer;
			}
			
			.login_info {
				width: 332px;
				margin: auto;
			}
			
			.login1 .login1_2 {
				color: #959595;
				font-size: 14px;
				line-height: 50px;
				text-align: left;
			}
			
			.login1 .login1_2 a {
				color: #3f9f5f;
			}
			
			.login1 .login1_2 a:hover {
				text-decoration: underline;
			}
			
			.login1 .name3 {
				width: 332px;
				height: 36px;
				/*border:1px solid rgba(0, 0, 0, 0.2);*/
				border-radius: 5px;
				margin-top: 20px;
				background-color: #3f9f5f;
			}
			
			.login1 .name3 #nva1_3 {
				width: 330px;
				height: 30px;
				outline: none;
				border: none;
				background-color: #3f9f5f;
				margin-top: 3px;
				color: #fff;
				font-size: 14px;
			}
			
			.login1 .name4 {
				width: 330px;
				height: 42px;
				border: 1px solid rgba(0, 0, 0, 0.2);
				margin-top: 40px;
			}
			
			.login1 .name5 {
				margin-top: -15px;
			}
			
			.login1 .nva1_4 {
				float: left;
			}
			
			.login1 .nva1_5 {
				float: right;
			}
			
			.login1 .nva1_4 span {
				font-size: 14px;
				color: #959595;
			}
			
			.login1 .nva1_4 a {
				font-size: 14px;
				color: #3f9f5f;
			}
			
			.login1 .nva1_4 a:hover {
				text-decoration: underline;
			}
			
			.login1 .nva1_5 a {
				color: #959595;
				font-size: 14px;
			}
			
			.login1 .nva1_5 a:hover {
				color: #3f9f5f;
			}
			/*第二部分 短信快捷支付*/
			/*.login1 .name {
				width: 330px;
				height: 40px;
				border: 1px solid rgba(0, 0, 0, 0.2);
				margin-top: 20px;
			}*/
			
			.login2 {
				height: 490px;
				padding-top: 1px;
			}
			
			.login2 .name {
				margin-top: 25px;
			}
			
			.login_info .nva2_9 {
				width: 102px;
				height: 38px;
				border: 1px solid rgba(0, 0, 0, 0.2);
				float: left;
				text-align: left;
			}
			
			.login2 .nva2_8 {
				width: 204px;
				height: 38px;
				border: 1px solid rgba(0, 0, 0, 0.2);
				/*background-color: yellowgreen;*/
				float: right;
			}
			
			.login_info .nva3_9 {
				width: 200px;
				height: 38px;
			}
			
			.login_info .nva3_8 {
				width: 124px;
				height: 38px;
				border: none;
			}
			
			.login2 .nva2_8 img {
				width: 124px;
				height: 40px;
			}
			
			.login2 #nva2_1 {
				width: 124px;
				height: 40px;
				outline: none;
				background-color: #3f9f5f;
				border: none;
				color: #fff;
				border-radius: 5px;
			}
			
			.login2 #nva1_7 {
				display: inline-block;
				width: 200px;
				height: 40px;
				margin: 10px 5px;
			}
			
			.login2 #nva1_8 {
				width: 198px;
				height: 36px;
				border: none;
				outline: none;
				margin-left: 6px;
			}
			
			.login2 .name1 {
				width: 206px;
			}
			
			.login2 #nva1_1 {
				width: 322px;
				height: 36px;
				margin-left: 6px;
				border: none;
				outline: none;
			}
			.login2 #nva1_11 {
				width: 194px;
				height: 36px;
				margin-left: 6px;
				border: none;
				outline: none;
			}
			
			.login2 .name2 {
				width: 206px;
				margin-top: -30px;
			}
			
			.login2 #nva1_2 {
				width: 200px;
				height: 40px;
			}
			
			#clear {
				clear: both;
			}
/*	/*	/*	/*
			.login2 .name3 {
				margin-top: 6px;
			}
			
			.login2 .name4 {
				margin-top: 20px;
			}
			*/
			.login2 .nva4_9 {
				width: 330px;
			}
			.login2 .nva1_5 a{
				text-align: right;
				
				color: #3f9f5f;
			}
			
			
			/*注册页面底部*/
			#bottom{
				margin-top: -25px;
			}
		</style>
	</head>

	<body>

		<div id="bg">
			<div id="login">
				<div class="login">
					<img src="img/login_logo.png" />
					<span>注册</span>
				</div>
				<div class="login1 login2">
					<!--<p class="login1_1"><span id="lg1">
						帐号登录
					</span>
				<span id="lg2">
						短信快捷支付
					</span>
			</p>-->
					<div class="login_info">
						<!--<p class="login1_2">关于穷游网将实行
					<a href="">手机绑定实名制的说明</a>
				</p>-->

						<form action="" method="post">
							<p class="name">
								<p class="nva2_9">
									<span id="nva1_7">
									86
								</span></p>
								<p class="nva2_8"><input type="tel" name="" id="nva1_8" value="" placeholder="手机号" /></p>
							</p>

							<p class="name1">
								<p class="nva2_9 nva3_9">
									<input type="text" name="" id="nva1_11" value="" placeholder="图片识别码" />
								</p>
								<p class="nva2_8 nva3_8"><img src="穷游/img/11.png" /></p>
							</p>
							<div id="clear">

							</div>
							<p class="name2">
								<p class="nva2_9 nva3_9"><input type="text" name="" id="nva1_11" value="" placeholder="输入短信中的验证码" /></p>
								<p class="nva2_8 nva3_8 nva4_8"><input type="button" name="" id="nva2_1" value="点击发送验证码" /></p>
							</p>

							<div id="clear">

							</div>
							<p class="name2">
								<p class="nva2_9 nva3_9 nva4_9"><input type="text " name=" " id="nva1_1" value=""  placeholder="起一个具有辨识度的名字"/></p>
							</p>
							<p class="name2">
								<p class="nva2_9 nva3_9 nva4_9"><input type="text" name="" id="nva1_1" value="" placeholder="输入8到16位密码，需包含字母和数字" /></p>
							</p>
							<div id="clear">

							</div>
							<p class="name3"><input type="button" name="" id="nva1_3" value="注册" /></p>
							<!--<p class="name4">
								<span></span>
								<span></span>
								<span></span>
								<span></span>
							</p>-->
							<p class="name5">
								<p class="nva1_4"><span>
							没有穷游帐号？
						     </span>
									<a href="">
							  	立即注册
							</a>
								</p>
								<p class="nva1_4 nva1_5">
									<span>同意</span><a href="">会员条款</a><span>和</span><a href="">免责声明</a>
								</p>

							</p>
						</form>

					</div>

				</div>
			</div>
		</div>
		
		
		<!--注册页面底部-->
		
		<div id="bottom">
			<div class="bottoma">
				<div class="bottom1">
					<p class="nva1">关于我们</p>
					<p class="nva">
						<a href="">穷游简介</a>
					</p>
					<p class="nva">
						<a href="">联系我们</a>
					</p>
					<p class="nva">
						<a href="">合作伙伴</a>
					</p>
				</div>
				<div class="bottom1">
					<p class="nva1">加入穷游</p>
					<p class="nva">
						<a href="">招聘职位</a>
					</p>
				</div>
				<div class="bottom1">
					<p class="nva1">招聘职位</p>
					<p class="nva">
						<a href="">会员条款</a>
					</p>
					<p class="nva">
						<a href="">社区指南</a>
					</p>
					<p class="nva">
						<a href="">版权声明</a>
					</p>
					<p class="nva">
						<a href="">免责声明</a>
					</p>
				</div>
				<div class="bottom1">
					<p class="nva1">帮助中心</p>
					<p class="nva">
						<a href="">新手上路</a>
					</p>
					<p class="nva">
						<a href="">使用帮助</a>
					</p>
					<p class="nva">
						<a href="">网站地图</a>
					</p>
				</div>
				<div class="bottom1">
					<p class="nva1">关注我们</p>
					<p class="nva2">
						<span></span>
						<span></span>
						<sapn></sapn>
					</p>
					<p class="nva3">
						<span></span>
						<span></span>
						<sapn></sapn>
					</p>
				</div>
				<div class="bottom1">
					<span class="nva4">
						
						<img src="穷游/img/qiong.png"/>
					</span>
				</div>
			</div>

			<div id="clear">

			</div>
			<div class="bottoma2">
				<p class="nva1"><img src="穷游/img/login_logo.png" /></p>

				<div class="contain">
					<p class="nva2">2004-2017 © 穷游网™ qyer.com All rights reserved. <a href="">京ICP备12003524号</a> 京公网安备11010502023470</p>
					<p class="nva nva1"><a href="">穷游网</a>为<a href="">旅行者</a>提供原创实用的<a href="">出境游</a><a href="">旅行指南</a>和<a href="">旅游攻略</a>、<a href="">旅行社区</a>和<a href="">问答</a>交流平台，并提供<a href="">签证</a>、<a href="">保险</a>、<a href="">机票</a>、<a href="">酒店预订</a>、<a href="">租车</a>等服务。</p>
				</div>
			</div>
		</div>
	</body>

</html>